<style media="screen">
  .flow-list-item:last-child{
    border-bottom: none;
  }
  .head-container{
    position: relative;
    padding: 10px 0 14px;
  }
  .head-container .mes{
    margin-right: 10px;
    float: left;
  }
  .head-container .mes p{
    font-size: 12px;
    color:#CFCFCF;
    margin-bottom: 6px;
  }
  .head-container .mes input{
    width: 160px;
    height: 34px;
  }
  .head-container .flow{
    float: left;
    margin-right: 10px;
  }
  .head-container .flow p{
    font-size: 12px;
    color:#CFCFCF;
    margin-bottom: 6px;
  }
  .head-container .flow .flow-select{
    width: 140px;
    height: 34px;
  }
  .head-container .button-group{
    padding-top: 23px;
  }

  .sign-block-container{
    position:relative;
    overflow:hidden;
    color:#666;
    font-size:14px;
    margin-bottom:10px;
  }
  .sign-block-container .title{
    font-weight:bolder;
    float:left;
  }
  .sign-block-container .add-btn{
    float:right;
  }
  .sign-block-container .name{
    color:#999;
    font-size:14px;
    float:left;
    line-height:34px;
  }
  .sign-block-container .value{
    padding-left:6px;
    float:left;
    width:200px;
  }
  .sign-block-container .unit{
    padding-left:6px;
    float:left;
    line-height:34px;
  }
  .first-title{
    color:#888AA0;
    font-weight:bolder;
    margin-bottom:10px;
  }
  .place-container{
    overflow:hidden;
    margin-bottom:20px;
  }
  .place-item{
    cursor: pointer;
    float:left;
    min-width:110px;
    height:34px;
    color:#666;
    background-color:#fff;
    border-radius:4px;
    text-align:center;
    line-height:34px;
    margin-right:20px;
    margin-bottom:20px;
    box-sizing:border-box;
    padding:0 10px;
    border:1px solid #999999;
  }
  .place-item.active{
    cursor: pointer;
    float:left;
    min-width:110px;
    height:34px;
    color:#fff;
    background-color:#5E67A5;
    border-radius:4px;
    border:1px solid #5E67A5;
    text-align:center;
    line-height:34px;
    margin-right:20px;
    margin-bottom:20px;
    box-sizing:border-box;
    padding:0 10px;
  }
  .origin-footer{
    height:48px;
    line-height:48px;
    overflow:hidden;
    cursor:pointer;
  }
  .origin-footer .ok{
    width:50%;
    float:left;
    background-color:#5e67a5;
    text-align:center;
    color:#fff;
    border-bottom-left-radius:6px;
  }
  .origin-footer .cancel{
    width:50%;
    float:left;
    background-color:#ccc;
    text-align:center;
    color:#999;
    border-bottom-right-radius:6px;
  }
  .flowlist-image-cr .content{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
  }
  .dy-fx-1{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
  }
  .dy-fx-2{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
  }
  .dy-fx-3{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
  }
  .dy-fx-4{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
  }
</style>


<section class="lc-data-edit pl-24 pr-24">
  <hl-page-header title="配置源编辑">
    <hl-button type="outline" @on-click="asyncReallyData">同步真实数据</hl-button>
  </hl-page-header>

  <!--优质明星项目展示-->
  <p class="first-title" style="margin-top:20px;">优质明星项目展示</p>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:40px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">公司名称</div>
      <div class="dy-fx-2">团队人数</div>
      <div class="dy-fx-3">估值额（万元）</div>
      <div class="dy-fx-2">操作</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in starProject.listData" :key="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2 ellipsis-1">
          <span v-show="item.isEdit == 'N'">{{ item.companyName | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="starProject.editData[index].companyName">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <span v-show="item.isEdit == 'N'">{{ item.teamMemberCount | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="starProject.editData[index].teamMemberCount">
        </li>
        <li class="dy-fx-3 ellipsis-1">
          <span v-show="item.isEdit == 'N'">{{ item.financingAmount | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="starProject.editData[index].financingAmount">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <a v-show=" item.isEdit == 'N' "  class="mr-5" href="javascript:;" @click="editStarProject(item,index)">编辑</a>
          <a v-show=" item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="confirmEditStarProject(item,index)">确定</a>
          <a v-show=" item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="cancelEditStarProject(item,index)">取消</a>
        </li>
      </ul>
    </div>
  </section>

  <!--场地信息-->
  <p class="first-title">场地信息</p>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <p class="name">场地个数：</p>
      <input type="number" min="0" class="form-control value" v-model="placeMes.count">
      <div class="unit">个</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <p class="name">场地总面积：</p>
      <input type="number" min="0" class="form-control value" v-model="placeMes.totalAcreage">
      <div class="unit">㎡</div>
    </div>
  </div>

  <div class="sign-block-container">
    <p class="title">场地面积分析</p>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;marginBottom:20px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">项目名称</div>
      <div class="dy-fx-2">面积（㎡）</div>
      <div class="dy-fx-2">操作</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in placeMes.listData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2 ellipsis-1">
          <span v-show="item.isEdit == 'N'">{{ item.projectName | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="placeMes.editData[index].projectName">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <span v-show="item.isEdit == 'N'">{{ item.acreage | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="placeMes.editData[index].acreage">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <a v-show=" item.isEdit == 'N' "  class="mr-5" href="javascript:;" @click="editPlaceMes(item,index)">编辑</a>
          <a v-show=" item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="confirmEditPlaceMes(item,index)">确定</a>
          <a v-show=" item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="cancelEditPlaceMes(item,index)">取消</a>
        </li>
      </ul>
    </div>
  </section>

  <!-- <div class="user-page clearfix" style="margin:10px 0 20px;">
    <div class="pull-left user-page-num">
      <span class="font-14">共<i>{{ placeMes.totalCount }}</i>条记录</span>
    </div>
    <div class="pull-right">
      <hl-pagination v-model="placeMes.currentPage" :total="placeMes.totalCount" @change="handlePlaceMesPage"></hl-pagination>
    </div>
  </div> -->

  <!--场地公共服务-->
  <div class="sign-block-container">
    <p class="title">场地公共服务</p>
  </div>
  <div class="place-container">
    <div class="place-item" :class="{'active': item.isSelected == 'Y' }" v-for="(item,i) in placeMes.publicService" @click="selectPlaceItem(item,i)">{{ item.val }}</div>
  </div>

  <!--投融资对接-->
  <p class="first-title">投融资对接</p>

  <div class="clearfix">
    <div class="sign-block-container" style="width:500px;float:left;">
      <p class="name" style="width:206px;">得到融资在仓项目数：</p>
      <input type="number" min="0" class="form-control value" v-model="investmentFinancing.investmentFinancingAim1" @input="aaaIpt">
      <div class="unit">个</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <p class="name" style="width:204px;">良仓FA服务交付项目数：</p>
      <input type="number" min="0" class="form-control value" v-model="investmentFinancing.investmentFinancingAim2" @input="bbbIpt">
      <div class="unit">个</div>
    </div>
  </div>

  <div class="clearfix" style="margin-bottom:30px;">
    <div class="sign-block-container" style="width:500px;float:left;">
      <p class="name">得到300万以上融资在仓项目数：</p>
      <input type="number" min="0" class="form-control value" v-model="investmentFinancing.investmentFinancingAim3" @input="cccIpt">
      <div class="unit">个</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <p class="name">估值1亿人民币以上在仓项目数：</p>
      <input type="number" min="0" class="form-control value" v-model="investmentFinancing.investmentFinancingAim4" @input="dddIpt">
      <div class="unit">个</div>
    </div>
  </div>

  <!--活动中心-->
  <p class="first-title">活动中心</p>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <p class="name">板块：</p>
      <div class="unit">活动分析</div>
    </div>
  </div>

  <div class="clearfix" style="margin-bottom:10px;">
    <div class="sign-block-container" style="width:400px;float:left;">
      <p class="name">本年度活动场次：</p>
      <input type="number" min="0" class="form-control value" v-model="activityCenter.count1" @input="eeeIpt">
      <div class="unit">场</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <p class="name">参与人数：</p>
      <input type="number" min="0" class="form-control value" v-model="activityCenter.count2" @input="fffIpt">
      <div class="unit">人</div>
    </div>
  </div>

  <div class="clearfix" style="margin-bottom:30px;">
    <div class="sign-block-container" style="width:800px;float:left;">
      <p class="name" style="width:112px;">项目路演场次：</p>
      <input type="number" min="0" class="form-control value" v-model="activityCenter.count3" @input="gggIpt">
      <div class="unit">场</div>
    </div>
  </div>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <p class="name">板块：</p>
      <div class="unit">活动列表</div>
    </div>
  </div>

  <div class="sign-block-container">
    <p class="title" style="line-height:34px;">活动列表</p>
    <div class="add-btn">
      <hl-button type="default" @on-click="addActivityList">新增</hl-button>
    </div>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:40px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">活动标题</div>
      <div class="dy-fx-2">操作</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in activity.listData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.title | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="activity.editData[index].title">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="editActivityList(item,index)">编辑</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="deleteActivityList(item,index)">删除</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="confirmEditActivityList(item,index)">确定</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="cancelEditActivityList(item,index)">取消</a>
          <a v-show=" isAddActivityList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="confirmAddActivityList(item,index)">确定</a>
          <a v-show=" isAddActivityList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="cancelAddActivityList(item,index)">取消</a>
        </li>
      </ul>
    </div>
  </section>

  <!--入驻企业分析-->
  <p class="first-title">入驻企业分析</p>

  <div class="sign-block-container">
    <p class="title" style="line-height:34px;">入驻企业行业分析</p>
    <div class="add-btn">
      <hl-button type="default" @on-click="addIndustryList">新增</hl-button>
    </div>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:20px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">行业</div>
      <div class="dy-fx-2">数量</div>
      <div class="dy-fx-2">比例（%）</div>
      <div class="dy-fx-2">操作</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in company.industryListData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.industry | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.industryEditData[index].industry">
        </li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.count | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.industryEditData[index].count">
        </li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.percent | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.industryEditData[index].percent">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="editIndustryList(item,index)">编辑</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="deleteIndustryList(item,index)">删除</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="confirmEditIndustryList(item,index)">确定</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="cancelEditIndustryList(item,index)">取消</a>

          <a v-show="isAddIndustryList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="confirmAddIndustryList(item,index)">确定</a>
          <a v-show="isAddIndustryList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="cancelAddIndustryList(item,index)">取消</a>
        </li>
      </ul>
    </div>
  </section>

  <div class="sign-block-container">
    <p class="title" style="line-height:34px;">团队类别分析（在仓项目）</p>
    <div class="add-btn">
      <hl-button type="default" @on-click="addSmallTypeList">新增</hl-button>
    </div>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:20px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">团队类别</div>
      <div class="dy-fx-2">数量</div>
      <div class="dy-fx-2">比例（%）</div>
      <div class="dy-fx-2">操作</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in company.smallTypeListData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.teamType | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.smallTypeEditData[index].teamType">
        </li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.teamCount | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.smallTypeEditData[index].teamCount">
        </li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.teamPercent | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.smallTypeEditData[index].teamPercent">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="editAddsmallTypeList(item,index)">编辑</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="deleteAddsmallTypeList(item,index)">删除</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="confirmEditsmallTypeList(item,index)">确定</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="cancelEditsmallTypeList(item,index)">取消</a>

          <a v-show="isAddsmallTypeList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="confirmAddsmallTypeList(item,index)">确定</a>
          <a v-show="isAddsmallTypeList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="cancelAddsmallTypeList(item,index)">取消</a>
        </li>
      </ul>
    </div>
  </section>

  <div class="sign-block-container">
    <p class="title" style="line-height:34px;">团队类别分析（10人以上在仓项目）</p>
    <div class="add-btn">
      <hl-button type="default" @on-click="addBigTypeList">新增</hl-button>
    </div>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:40px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">团队类别</div>
      <div class="dy-fx-2">数量</div>
      <div class="dy-fx-2">比例（%）</div>
      <div class="dy-fx-2">操作</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in company.bigTypeListData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.teamType | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.bigTypeEditData[index].teamType">
        </li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.teamCount | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.bigTypeEditData[index].teamCount">
        </li>
        <li class="dy-fx-2">
          <span v-show="item.isEdit == 'N'">{{ item.teamPercent | formatUndefined }}</span>
          <input v-show="item.isEdit == 'Y'" type="text" class="form-control value" v-model="company.bigTypeEditData[index].teamPercent">
        </li>
        <li class="dy-fx-2 ellipsis-1">
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="editAddBigTypeList(item,index)">编辑</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'N' " class="mr-5" href="javascript:;" @click="deleteAddBigTypeList(item,index)">删除</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="confirmEditBigTypeList(item,index)">确定</a>
          <a v-show=" item.isAdd == 'N' && item.isEdit == 'Y' "  class="mr-5" href="javascript:;" @click="cancelEditBigTypeList(item,index)">取消</a>

          <a v-show="isAddbigTypeList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="confirmAddBigTypeList(item,index)">确定</a>
          <a v-show="isAddbigTypeList && item.isAdd == 'Y' "  class="mr-5" href="javascript:;" @click="cancelAddBigTypeList(item,index)">取消</a>
        </li>
      </ul>
    </div>
  </section>

  <!--企业发展成果-->
  <p class="first-title">企业发展成果</p>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <p class="name">孵化项目融资总额：</p>
      <input type="number" min="0" class="form-control value" v-model="companyDetails.dvptAchievementsAmount1" @input="hhhIpt">
      <div class="unit">万元</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <p class="name">孵化项目估值总额：</p>
      <input type="number" min="0" class="form-control value" v-model="companyDetails.dvptAchievementsAmount2" @input="iiiIpt">
      <div class="unit">万元</div>
    </div>
  </div>

  <div class="clearfix">
    <div class="sign-block-container" style="float:left;">
      <p class="name">良米基金投资总额：</p>
      <input type="number" min="0" class="form-control value" v-model="companyDetails.dvptAchievementsAmount3" @input="jjjIpt">
      <div class="unit">万元</div>
    </div>
  </div>

  <hl-divider></hl-divider>
  <hl-button type="primary" @on-click="saveScreen">保存</hl-button>


  <!--全局切换-->
  <!-- <section class="flowlist-image-cr pop box-o-shadow" v-if="isShowAllChange" style="width:500px;height:100px;">
    <div class="image-title">
      <h3>全局切换</h3>
    </div>
    <div class="content" style="height:200px;padding:60px 0 0;textAlign:center;">
      <div class="origin-title" style="margin-bottom:20px;">请选择源，确认后全屏实时生效</div>
      <hl-radio :data="listMenu" v-model="selectedAllType"></hl-radio>
    </div>
    <div class="origin-footer">
      <div class="ok" @click="confirmSelectAll">确认</div>
      <div class="cancel" @click="closeAllChangePop">取消</div>
    </div>
  </section>
  <div class="backdrop" v-if="isShowAllChange"></div>
</section> -->


<script src="modules/report_bi/scripts/lc_data_screen_edit.js" charset="utf-8"></script>
